<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Accounting - Free Bootstrap 4 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="css/montserrat.css" rel="stylesheet">

    <link rel="stylesheet" href="css/font-awesome.min.css">
 
    <link rel="stylesheet" href="css/animate.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">

    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> -->
	
  </head>
  <body>

		<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
	    	<a class="navbar-brand" href="index.html"><img src="images/index-logo.png" alt="" class="logo"></a>

	      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="fa fa-bars"></span> Menu
	      </button>
	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav">
	        	<li class="nav-item active"><a href="index.html" class="nav-link">首  页</a></li>
	        	<li class="nav-item"><a href="about.html" class="nav-link">欢乐指数排行榜</a></li>
	        	<li class="nav-item"><a href="services.html" class="nav-link">环球旅游快讯</a></li>
	          <li class="nav-item"><a href="cases.html" class="nav-link">主题报告</a></li>
	          <li class="nav-item"><a href="blog.html" class="nav-link">咨询服务</a></li>
	          <li class="nav-item"><a href="contact.html" class="nav-link">关于我们</a></li>
	        </ul>
	      </div>
	    </div>
	  </nav>
    <!-- END nav -->
    <div class="hero-wrap">

	<section class="ftco-no-pt bg-light">
	<marquee  behavior="scroll">通知、欢乐指数动态、内容（新报告发布动态、媒体报道动态、合作动态、荣誉奖项动态、含“中心”动态）</marquee>
	</section>
	<section class="ftco-no-pt bg-light">
	<div class="container">
		    	<form action="#" class="form1 searchform order-sm-start order-lg-last">
				
          <div class="form-group d-flex">
            <input type="text" id="txtScenic" class="form-control pl-3" placeholder="景点名称">
            <button type="button" placeholder="" id="btn_search" class="form-control search"><span class="fa fa-search"></span></button>
          </div>
        </form>
	</div>
	</section>
	<section class="ftco-no-pt bg-light">
		<div id="container" class="container" style="width:100%;height:600px;"></div>
	</section>
    <section class="ftco-no-pt bg-light">
	<div class="container">
		<div class="tit">
			<i class="kuaixun"></i>
			<h3>环球旅游快讯</h3>
		</div>
		<div class="con1">
		<div class="left" id="kuaixun_left">
				<ul class="ul-nav">
	        	<li class="info_left active1">国内资讯</li>
				<li class="info_left">地方资讯</li>
				<li class="info_left">全球资讯</li>
				<li class="info_left">国别资讯</li>
				<li class="info_left">其他分类</li>
				</ul>
         </div>

		 <div id="content_right0" class="right active">
		 	<div class="right_info1">
			 <ul>
			 <li class="cm_fb" th:each="d,iterStat : ${travelList1}" th:if="${iterStat.index} lt 10" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作1</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
			
			</div>
			<div class="right_info2">
			 <ul>
			 	<li class="cm_fb" th:each="d,iterStat : ${travelList1}" th:if="${iterStat.index} lt 20 and ${iterStat.index} gt 9" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
		 	</div>
			</div>
			<!--第二个-->
		 <div id="content_right1" class="right">
		 	<div class="right_info1">
			 <ul>
			  	<li class="cm_fb" th:each="d,iterStat : ${travelList2}" th:if="${iterStat.index} lt 10" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作2</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
			
			</div>
			<div class="right_info2">
			 <ul>
			 	<li class="cm_fb" th:each="d,iterStat : ${travelList2}" th:if="${iterStat.index} lt 20 and ${iterStat.index} gt 9" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
		 	</div>
			</div>
			<!--第三个-->
		 <div id="content_right2" class="right">
		 	<div class="right_info1">
			 <ul>
			  	<li class="cm_fb" th:each="d,iterStat : ${travelList3}" th:if="${iterStat.index} lt 10" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作2</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
			
			</div>
			<div class="right_info2">
			 <ul>
			 	<li class="cm_fb" th:each="d,iterStat : ${travelList3}" th:if="${iterStat.index} lt 20 and ${iterStat.index} gt 9" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
		 	</div>
			</div>
			<!--第四个-->
		 <div id="content_right3" class="right">
		 	<div class="right_info1">
			 <ul>
			  	<li class="cm_fb" th:each="d,iterStat : ${travelList4}" th:if="${iterStat.index} lt 10" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作2</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
			
			</div>
			<div class="right_info2">
			 <ul>
			 	<li class="cm_fb" th:each="d,iterStat : ${travelList4}" th:if="${iterStat.index} lt 20 and ${iterStat.index} gt 9" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
		 	</div>
			</div>
			<!--第五个-->
		 <div id="content_right4" class="right">
		 	<div class="right_info1">
			 <ul>
			  	<li class="cm_fb" th:each="d,iterStat : ${travelList5}" th:if="${iterStat.index} lt 10" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作2</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
			
			</div>
			<div class="right_info2">
			 <ul>
			 	<li class="cm_fb" th:each="d,iterStat : ${travelList5}" th:if="${iterStat.index} lt 20 and ${iterStat.index} gt 9" th:text="${d.articleTitle}"></li>
				<!-- <li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li>
				<li class="cm_fb">黑龙江部署防汛救灾和暑期文旅安全工作</li> -->
			 </ul>
		 	</div>
			</div>
			




		 </div>
	</div>
	
    	<!--<div class="container">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 d-flex">
    				<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center justify-content-md-center mb-4 mb-sm-0" style="background-image:url(images/about.jpg);">
    				</div>
    			</div>
    			<div class="col-md-6 pl-md-5 py-md-5">
    				<div class="heading-section pl-md-4 pt-md-5">
    					<span class="subheading">Welcome to Accounting</span>
	            <h2 class="mb-4">We Are the Best Accounting Agency</h2>
    				</div>
    				<div class="services-2 w-100 d-flex">
    					<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-wealth"></span></div>
    					<div class="text pl-4">
    						<h4>Market Analysis</h4>
    						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
    					</div>
    				</div>
    				<div class="services-2 w-100 d-flex">
    					<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-accountant"></span></div>
    					<div class="text pl-4">
    						<h4>Accounting Advisor</h4>
    						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
    					</div>
    				</div>
    				<div class="services-2 w-100 d-flex">
    					<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-teamwork"></span></div>
    					<div class="text pl-4">
    						<h4>General Consultancy</h4>
    						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
    					</div>
    				</div>
    				<div class="services-2 w-100 d-flex">
    					<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-accounting"></span></div>
    					<div class="text pl-4">
    						<h4>Structured Assestment</h4>
    						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
    					</div>
    				</div>
	        </div>
        </div>
    	</div>-->
    </section>

    

    <section class="ftco-section">
	
	<div id="chart1" class="container" style="width: 100%;height:800px;"></div>
     <!-- <div class="container">
        <div class="row justify-content-center pb-5 mb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
          	<span class="subheading">News &amp; Blog</span>
            <h2>Latest news from our blog</h2>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20 rounded" style="background-image: url('images/image_1.jpg');">
              </a>
              <div class="text p-4">
              	<div class="meta mb-2">
                  <div><a href="#">March 31, 2020</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="fa fa-comment"></span> 3</a></div>
                </div>
                <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20 rounded" style="background-image: url('images/image_2.jpg');">
              </a>
              <div class="text p-4">
              	<div class="meta mb-2">
                  <div><a href="#">March 31, 2020</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="fa fa-comment"></span> 3</a></div>
                </div>
                <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20 rounded" style="background-image: url('images/image_3.jpg');">
              </a>
              <div class="text p-4">
              	<div class="meta mb-2">
                  <div><a href="#">March 31, 2020</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="fa fa-comment"></span> 3</a></div>
                </div>
                <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
              </div>
            </div>
          </div>
        </div>
      </div>-->
    </section>
		


    <footer class="footer">
			<div class="container-fluid px-lg-5">
				<div class="row">
					<div class="col-md-9 py-5">
						<div class="row">
							<div class="col-md-4 mb-md-0 mb-4">
								<h2 class="footer-heading">About us</h2>
								<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
								<ul class="ftco-footer-social p-0">
		              <li class="ftco-animate"><a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><span class="fa fa-twitter"></span></a></li>
		              <li class="ftco-animate"><a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><span class="fa fa-facebook"></span></a></li>
		              <li class="ftco-animate"><a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><span class="fa fa-instagram"></span></a></li>
		            </ul>
							</div>
							<div class="col-md-8">
								<div class="row justify-content-center">
									<div class="col-md-12 col-lg-10">
										<div class="row">
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Services</h2>
												<ul class="list-unstyled">
						              <li><a href="#" class="py-1 d-block">Market Analysis</a></li>
						              <li><a href="#" class="py-1 d-block">Accounting Advisor</a></li>
						              <li><a href="#" class="py-1 d-block">General Consultancy</a></li>
						              <li><a href="#" class="py-1 d-block">Structured Assestment</a></li>
						            </ul>
											</div>
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Discover</h2>
												<ul class="list-unstyled">
						              <li><a href="#" class="py-1 d-block">About us</a></li>
						              <li><a href="#" class="py-1 d-block">Contract us</a></li>
						              <li><a href="#" class="py-1 d-block">Terms &amp; Conditions</a></li>
						              <li><a href="#" class="py-1 d-block">Policies</a></li>
						            </ul>
											</div>
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Resources</h2>
												<ul class="list-unstyled">
						              <li><a href="#" class="py-1 d-block">Security</a></li>
						              <li><a href="#" class="py-1 d-block">Global</a></li>
						              <li><a href="#" class="py-1 d-block">Charts</a></li>
						              <li><a href="#" class="py-1 d-block">Privacy</a></li>
						            </ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row mt-md-5">
							<div class="col-md-12">
								<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
					  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib.com</a>
					  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
							</div>
						</div>
					</div>
					<div class="col-md-3 py-md-5 py-4 aside-stretch-right pl-lg-5">
						<h2 class="footer-heading">Free consultation</h2>
						<form action="#" class="form-consultation">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Your Name">
              </div>
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Your Email">
              </div>
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Subject">
              </div>
              <div class="form-group">
                <textarea name="" id="" cols="30" rows="3" class="form-control" placeholder="Message"></textarea>
              </div>
              <div class="form-group">
              	<button type="submit" class="form-control submit px-3">Send A Message</button>
              </div>
            </form>
					</div>
				</div>
			</div>
		</footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>

  <link rel="stylesheet" href="jqueryui/1.10.4/css/jquery-ui.min.css">
  <script src="jquery/1.10.2/jquery.min.js"></script>
  <script src="jqueryui/1.10.4/jquery-ui.min.js"></script>
  <script src="js/main_auto.js"></script>
  
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="js/map/echarts.min.js" ></script>
  <script src="https://webapi.amap.com/maps?v=1.4.15&key=6a06e87ce7da26b67c0350c58f13a759"></script>
  <script type="text/javascript" src='https://a.amap.com/jsapi_demos/static/resource/capitals.js'></script>
  <!--<script src="js/map/china.js" ></script>-->
  
  <!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>-->
  <!--<script src="js/google-map.js"></script>-->
  <script src="js/main.js"></script>
  <script type="text/javascript" th:inline="javascript">
  
  	setSta_value([[${thiSta_cls}]], [[${avgthiList1}]], [[${avgthiList2}]], [[${avgthiRates}]]);
  </script>
  </body>
</html>